<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>稻香商城</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/index_style.css">

	<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
	<script th:src="@{plugins/jquery-3.6.0/jquery-3.6.0.min.js}" type="text/javascript"></script>
	<script src="js/index.js"></script>
	<script type="text/javascript">
		window.onload = init;

		function init() {
			sessionName();
		}

		//登录入口
		function sessionName(){
			var username = $("#loginUser").text();
			if(username){
				document.getElementById("sessionName").innerText = "你好，" + username;
				document.getElementById("sessionName").href = "jump?pg=reception/baseInfoSet";
			} else {
				document.getElementById("sessionName").innerText = "你好，请登录";
			}
		}
		//弹出登录提示
		$(function(){
			$("#shoppingCar").on("click",function(){
				var username = $("#loginUser").text();
				if(username == ''){
					alert("请先登录！！！");
				} else {
					$(this).attr("href","jump?pg=reception/shoppingCar");
				}
			});
		});
	</script>
</head>

<body>

<!-- 顶部开始 -->
<div class="top">
	<div class="header">
		<div class="top-left">
			<font size="4px" color="red">欢迎来到稻香商城!</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">加入我们</a>&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="jump?pg=reception/demo">帮助中心</a>&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="jump?pg=reception/chat">联系客服</a>&nbsp;&nbsp;&nbsp;&nbsp;
		</div>
		<div class="top_right">
			<span id="loginUser" hidden="hidden" th:text="${session.loginUser==null?'':session.loginUser.getNickname()}"></span>
			<a href="jump?pg=reception/login" id="sessionName"></a>&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="jump?pg=reception/register">免费注册</a>&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;
			<a target="_blank" id="shoppingCar">购物车<img src="/img/gowuchetubiao.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">会员中心</a>
		</div>
	</div>
</div>
<div class="work">
	<div class="header_1">
		<img src="/img/dingbu.jpg" width="100%" height="100%">
	</div>
</div>
<!--顶部结束 -->


<div class="page-nav">
	<div class="container">
		<div class="logo">
<!--			<img src="img/100.jpg" alt="" class="mi-home" width="100%" height="100%">-->
		</div>
		<ul class="nav">
			<li class="nav-item" id="page-all-nav">
				<a href="" class="tit" >全部商品分类</a>
				<div class="slider-nav">
					<ul class="slider-ul">
						<li class="slider-li">
							<a href="jump?pg=reception/rice" class="name">
								<span>大米</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>金龙鱼大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>北大荒大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>盘锦大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>东北大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>有机大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>福临门大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>五常大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>崇明大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>长粒香</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>五丰大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>东北老农大米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>寒地珍珠米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>黄小米</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumi.jpg" alt="">
									<p>糯米</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="" class="name">
								<span>食用油</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>金龙鱼</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>鲁花</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>花生油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>多利葵花籽油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>福临门</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>红花籽油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>胡姬花</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>得尔乐有机山茶油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>稻米油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>长寿花</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>中鼎大豆油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>西王玉米胚芽油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>多力调和油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>菜籽油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyuyou.jpg" alt="">
									<p>橄榄油</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="" class="name">
								<span>面</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jinlongyumian.jpg" alt="">
									<p>面粉</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="" class="name">
								<span>调味品</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/tiaoweipin.jpg" alt="">
									<p>酱油</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="jump?pg=reception/wine.html" class="name">
								<span>白酒</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiu.jpg" alt="">
									<p>茅台王子酒</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="" class="name">
								<span>杂粮</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/heizhima.jpg" alt="">
									<p>熟黑芝麻</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="" class="name">
								<span>烘培原料</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jiaomu.jpg" alt="">
									<p>安琪酵母</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="jump?pg=reception/drink" class="name">
								<span>夏日饮品</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/jindian.jpg" alt="">
									<p>金典牛奶</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="jump?pg=reception/fruit" class="name">
								<span>水果</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/pingguo.jpg" alt="">
									<p>苹果</p>
								</a>
							</div>
						</li>
						<li class="slider-li">
							<a href="" class="name">
								<span>有机食品</span>
								<i class="iconfont icon-xiangyou">
									<img src="img/xiangyou.png" alt="">
								</i>
							</a>
							<div class="slider-pop">
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
								<a href="" class="pop-li">
									<img src="/img/huangdou.jpg" alt="">
									<p>有机黄豆</p>
								</a>
							</div>
						</li>
					</ul>
				</div>
			</li>
			<!-- 左侧导航结束 -->

			<!-- 上面导航开始 -->
			<li class="nav-item">
				<a href="" class="tit">五谷杂粮</a>
				<div class="pop">
					<ul class="down-ul container">
						<li class="down-li">
							<span class="tags">新品</span>
							<a href="" class="pic">
								<img src="/img/wuguzaliang.jpg" alt="">
							</a>
							<h3 class="name">有机杂粮</h3>
							<p class="price">168.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/wuguzaliang.jpg" alt="">
							</a>
							<h3 class="name">有机杂粮</h3>
							<p class="price">168.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/wuguzaliang.jpg" alt="">
							</a>
							<h3 class="name">有机杂粮</h3>
							<p class="price">168.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/wuguzaliang.jpg" alt="">
							</a>
							<h3 class="name">有机杂粮</h3>
							<p class="price">168.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/wuguzaliang.jpg" alt="">
							</a>
							<h3 class="name">有机杂粮</h3>
							<p class="price">168.00元</p>
							<i></i>
						</li>
						<li class="down-li last">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/wuguzaliang.jpg" alt="">
							</a>
							<h3 class="name">有机杂粮</h3>
							<p class="price">168.00元</p>
							<i></i>
						</li>
					</ul>
				</div>
			</li>
			<li class="nav-item">
				<a href="" class="tit">中外名酒</a>
				<div class="pop">
					<ul class="down-ul container">
						<li class="down-li">
							<span class="tags">新品</span>
							<a href="" class="pic">
								<img src="/img/hongjiu.jpg" alt="">
							</a>
							<h3 class="name">红酒</h3>
							<p class="price">858.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/hongjiu.jpg" alt="">
							</a>
							<h3 class="name">红酒</h3>
							<p class="price">858.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/hongjiu.jpg" alt="">
							</a>
							<h3 class="name">红酒</h3>
							<p class="price">858.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/hongjiu.jpg" alt="">
							</a>
							<h3 class="name">红酒</h3>
							<p class="price">858.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/hongjiu.jpg" alt="">
							</a>
							<h3 class="name">红酒</h3>
							<p class="price">858.00元</p>
							<i></i>
						</li>
						<li class="down-li last">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/hongjiu.jpg" alt="">
							</a>
							<h3 class="name">红酒</h3>
							<p class="price">858.00元</p>
							<i></i>
						</li>
					</ul>
				</div>
			</li>
			<li class="nav-item">
				<a href="" class="tit">水饮</a>
				<div class="pop">
					<ul class="down-ul container">
						<li class="down-li">
							<span class="tags">新品</span>
							<a href="" class="pic">
								<img src="/img/baisuishan.jpg" alt="">
							</a>
							<h3 class="name">百岁山</h3>
							<p class="price">44.90元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/baisuishan.jpg" alt="">
							</a>
							<h3 class="name">百岁山</h3>
							<p class="price">44.90元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/baisuishan.jpg" alt="">
							</a>
							<h3 class="name">百岁山</h3>
							<p class="price">44.90元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/baisuishan.jpg" alt="">
							</a>
							<h3 class="name">百岁山</h3>
							<p class="price">44.90元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/baisuishan.jpg" alt="">
							</a>
							<h3 class="name">百岁山</h3>
							<p class="price">44.90元</p>
							<i></i>
						</li>
						<li class="down-li last">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/baisuishan.jpg" alt="">
							</a>
							<h3 class="name">百岁山</h3>
							<p class="price">44.90元</p>
							<i></i>
						</li>
					</ul>
				</div>
			</li>
			<li class="nav-item">
				<a href="" class="tit">杂粮熟食</a>
				<div class="pop">
					<ul class="down-ul container">
						<li class="down-li">
							<span class="tags">新品</span>
							<a href="" class="pic">
								<img src="/img/babaozhou.jpg" alt="">
							</a>
							<h3 class="name">八宝粥</h3>
							<p class="price">63.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/babaozhou.jpg" alt="">
							</a>
							<h3 class="name">八宝粥</h3>
							<p class="price">63.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/babaozhou.jpg" alt="">
							</a>
							<h3 class="name">八宝粥</h3>
							<p class="price">63.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/babaozhou.jpg" alt="">
							</a>
							<h3 class="name">八宝粥</h3>
							<p class="price">63.00元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/babaozhou.jpg" alt="">
							</a>
							<h3 class="name">八宝粥</h3>
							<p class="price">63.00元</p>
							<i></i>
						</li>
						<li class="down-li last">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/babaozhou.jpg" alt="">
							</a>
							<h3 class="name">八宝粥</h3>
							<p class="price">63.00元</p>
							<i></i>
						</li>
					</ul>
				</div>
			</li>
			<li class="nav-item">
				<a href="" class="tit">农副食品</a>
				<div class="pop">
					<ul class="down-ul container">
						<li class="down-li">
							<span class="tags">新品</span>
							<a href="" class="pic">
								<img src="/img/yumi.jpg" alt="">
							</a>
							<h3 class="name">玉米</h3>
							<p class="price">49.90元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/yumi.jpg" alt="">
							</a>
							<h3 class="name">玉米</h3>
							<p class="price">49.90元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/yumi.jpg" alt="">
							</a>
							<h3 class="name">玉米</h3>
							<p class="price">49.90元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/yumi.jpg" alt="">
							</a>
							<h3 class="name">玉米</h3>
							<p class="price">49.90元</p>
							<i></i>
						</li>
						<li class="down-li">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/yumi.jpg" alt="">
							</a>
							<h3 class="name">玉米</h3>
							<p class="price">49.90元</p>
							<i></i>
						</li>
						<li class="down-li last">
							<span>新品</span>
							<a href="" class="pic">
								<img src="/img/yumi.jpg" alt="">
							</a>
							<h3 class="name">玉米</h3>
							<p class="price">49.90元</p>
							<i></i>
						</li>
					</ul>
				</div>
			</li>
		</ul>
		<!-- 上面导航结束 -->

		<!--搜索框开始-->
		<div class="search">
			<form action="indexSearch" method="get">
				<input type="text" class="q" name="searchValue">
				<div class="tags">
					<span>食用油</span>
					<span>大米</span>
				</div>
			</form>
		</div>
	</div>
</div>
<!-- 搜索结束 -->

<!--轮播图开始-->
<div class="idx-banner container">
	<div class="banner-box">
		<a href="">
			<img src="/img/1.jpg" alt="" id="img"/>
		</a>
	</div>
	<div  class="btn prev"></div>
	<div  class="btn next"></div>
	<!--分页器-->
	<div class="page">
		<a  class="active"><span>1</span></a>
		<a ><span>2</span></a>
		<a ><span>3</span></a>
	</div>
</div>
<!--轮播图结束-->

<!-- 热卖商品图标 -->
<div class="center">
	<img src="/img/4.jpg" width="100%">
</div>

<!--热卖商品开始-->
<div class="idx-menu-adv  container">
	<ul class="menu">
		<li class="content br bb"><a href=""><img src="img/menu1.png">限时秒杀</a></li>
		<li class="content br bb"><a href=""><img src="img/menu2.png">企业团购</a></li>
		<li class="content bb"><a href=""><img src="img/menu3.png">F码通道</a></li>
		<li class="content br"><a href=""><img src="img/menu4.png">会员卡</a></li>
		<li class="content"><a href=""><img src="img/menu6.png">手机充值</a></li>
	</ul>
	<a href="" class="pic"><img src="/img/fulinmenyou.jpg"></a>
	<a href="" class="pic"><img src="/img/haitian.png"></a>
	<a href="" class="pic"><img src="/img/jinlongyudami.jpg"></a>
</div>
<!--热卖商品结束-->

<!--    主体部分开始-->
<div class="wl">
	<!--具体内容开始-->
	<div class="container">
		<!--食用油开始-->
		<div class="idx-title">
			<span class="tit">食用油</span>
			<a class="see-all" href="">查看全部</a>
		</div>
		<div class="idx-phone idx-box">
			<div class="adv-box col-5">
				<a href="" class="single"><img src="/img/you.jpg" alt=""></a>
			</div>
			<div class="good-box">
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/luhuayou.jpg" alt=""></a><br>
					<h3 class="name"><a href="">鲁花 食用油 5S <br>物理压榨 压榨一级 花生油4L</a></h3>
					<p class="price"><span>&yen;125.90</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/jinlongyuyou.jpg" alt=""></a><br>
					<h3 class="name"><a href="">金龙鱼 食用油 非转基因 <br>压榨 一级 纯正玉米油4L</a></h3>
					<p class="price"><span>&yen;129.0</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/duoliyou.jpg" alt=""></a><br>
					<h3 class="name"><a href="">多力葵花籽油5L+250ml 食用油 <br> 含维生素e</a></h3>
					<p class="price"><span>&yen;79.80</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/jingdongyou.jpg" alt=""></a><br>
					<h3 class="name"><a href="">福临门营养组合套装 葵花籽油+黄金产地玉米油 <br>3.09L*2 中粮出品</a></h3>
					<p class="price"><span>&yen;95.90</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/changshouhua.jpg" alt=""></a><br>
					<h3 class="name"><a href="">长寿花 非转基因 压榨一级玉米油<br>6.18L 食用油</a></h3>
					<p class="price"><span>&yen;119.90</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/jiusan.jpg" alt=""></a><br>
					<h3 class="name"><a href="">九三 食用油 非转基因 致青春系列 <br>一级5L大豆油（九三出品甄选好油）</a></h3>
					<p class="price"><span>&yen;69.50</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/shiyongyou.jpg" alt=""></a><br>
					<h3 class="name"><a href="">欧丽薇兰 Olivoilà 食用油<br> 压榨纯正橄榄油5l</a></h3>
					<p class="price"><span>&yen;268.00</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/xiwang.jpg" alt=""></a><br>
					<h3 class="name"><a href="">西王 非转基因玉米胚芽油<br>6.18L 食用油</a></h3>
					<p class="price"><span>&yen;124.90</span></p>
				</div>

			</div>
		</div>
		<!--食用油结束-->

		<!--米面开始-->
		<div class="idx-title">
                <span class="tit">米面粮油</span>
			<a class="see-all" href="">查看全部</a>
		</div>

		<div class="idx-elect idx-box" >
			<div class="adv-box col-5">
				<div class="part2 double">
					<a href="" class="double">
						<img src="/img/zuoce2.jpg" alt="" height="200%" width="100%">
					</a>
				</div>
			</div>
			<div class="good-box">
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/jinlongyumi.jpg" alt=""></a><br>
					<h3 class="name"><a href="">金龙鱼 东北大米 蟹稻共生 <br> 盘锦大米 5KG</a></h3>
					<p class="price"><span>&yen;29.80</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/fulinmen.jpg" alt=""></a><br>
					<h3 class="name"><a href="">福临门 特选东北大米 粳米<br> 中粮出品 5kg</a></h3>
					<p class="price"><span>&yen;29.90</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/changlixiang.jpg" alt=""></a><br>
					<h3 class="name"><a href="">十月稻田 长粒香大米 东北大米<br> 东北香米 10kg</a></h3>
					<p class="price"><span>&yen;68.00</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/zhima.jpg" alt=""></a><br>
					<h3 class="name"><a href="">鲁花 食用油 <br>芝麻 180ML</a></h3>
					<p class="price"><span>&yen;13.50</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/fulinmenmian.jpg" alt=""></a><br>
					<h3 class="name"><a href="">福临门 麦芯通用小麦粉 中筋粉 <br>馒头、包子、烙饼等各类面食 中粮出品 5kg</a></h3>
					<p class="price"><span>&yen;23.90</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/wudeli.jpg" alt=""></a><br>
					<h3 class="name"><a href="">五得利  八星雪花麦芯小麦粉5kg <br>馒头包子饺子饼面条面包烘焙通用优质原料</a></h3>
					<p class="price"><span>&yen;36.90</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/jinlongyumian.jpg" alt=""></a><br>
					<h3 class="name"><a href="">金龙鱼  中筋  多用途麦芯小麦粉 5kg 家用 <br>包子饺子馒头饼手擀面 十斤</a></h3>
					<p class="price"><span>&yen;39.90</span></p>
				</div>
				<div class="col-5 good-item">
					<a href="" class="pic"><img src="/img/xiaomo.jpg" alt=""></a><br>
					<h3 class="name"><a href="">金龙鱼 食用油 凉拌调味烹饪火锅<br>小磨 220ML</a></h3>
					<p class="price"><span>&yen;29.90</span></p>
				</div>
			</div>
		</div>
		<!--米面结束-->
	</div>
	<!--具体内容结束-->
</div>
<!--主体结束-->

<!-- 底部开始 -->
<br /><br /><br /><br />
<div class="end">
	<img src="/img/dibu.png" width="100%" height="100%">
</div>
<div class="end_1">
	<div class="end_2">
		<dl>
			<dt>
			<dd><b>购物指南</b></dd>
			<a href="#"><dd>购物流程</dd></a>
			<a href="#"><dd>常见问题</dd></a>
			<a href="#"><dd>联系客服</dd></a>
			</dt>
		</dl>
	</div>
	<div class="end_2">
		<dl>
			<dt>
			<dd><b>配送方式</b></dd>
			<a href="#"><dd>上门自提</dd></a>
			<a href="#"><dd>快递/物流/EMS</dd></a>
			<a href="#"><dd>配送服务查询</dd></a>
			<a href="#"><dd>配送费收取标准</dd></a>
			<a href="#"><dd>海外配送</dd></a>
			</dt>
		</dl>
	</div>
	<div class="end_2">
		<dl>
			<dt>
			<dd><b>支付方式</b></dd>
			<a href="#"><dd>微信</dd></a>
			<a href="#"><dd>支付宝</dd></a>
			<a href="#"><dd>银行卡转账</dd></a>
			<a href="#"><dd>货到付款</dd></a>
			<a href="#"><dd>分期付款</dd></a>
			</dt>
		</dl>
	</div>
	<div class="end_2">
		<dl>
			<dt>
			<dd><b>售后服务</b></dd>
			<a href="#"><dd>售后政策</dd></a>
			<a href="#"><dd>退款说明</dd></a>
			<a href="#"><dd>退换货</dd></a>
			<a href="#"><dd>取消订单</dd></a>
			<a href="#"><dd>价格保护</dd></a>
			</dt>
		</dl>
	</div>
	<div class="end_2">
		<dl>
			<dt>
			<dd><b>新手上路</b></dd>
			<a href="#"><dd>如何开店</dd></a>
			<a href="#"><dd>货物上架</dd></a>
			<a href="#"><dd>店主常见问题</dd></a>
			<a href="#"><dd>联系我们</dd></a>
			</dt>
		</dl>
	</div>
</div>
<div class="last">
	<center>
		<font size="3">Copyright &copy; 2017-2021 稻香商城 版权所有</font><br />
		<font size="3">互联网食品信息服务资格证编号(津)-经营性-2017-XXXX|新出发京零 字第大XXXXX号</font><br />
		<font size="3">互联网出版许可证编号新出网证(津)字XXX号|出版物经营许可证|网络文化经营许可证津网文[2017]XXXX-XXX号</font>
	</center>
</div>
</div>
<!--底部结束-->


</body>
</html>
